@charset "utf-8";
/*
 *edit by sumei
 *2015-4-7
 */
.viewport { position: relative; overflow: hidden; min-height: 100%;}
.header { height: 0.80rem; background: #181818; position: relative; font-size: 14px; }
.header h1 { height: 0.8rem; line-height: 0.8rem; font-weight: normal; font-size: 0.34rem; 
color: #fff; text-align: center; vertical-align: middle;}
.header h1 img { margin-top: 0.2rem;}
.header .a-left,.header .a-right { position: absolute; top: 0.18rem; color: #fff; display: inline-block;
 min-width: 0.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; background-size: contain; }
.header .a-left { left: 0.3rem;}
.header .a-right { right: 0.3rem;}
.header .a-link { border: 1px solid #D0A364; height: 0.48rem; line-height: 0.48rem; font-size: 0.30rem; 
	padding: 0 0.2rem; width: auto; color: #D0A364; border-radius: 0.3rem; top:0.14rem;}
.more { background: url(../images/more.png) no-repeat center center;}
.massage { background: url(../images/message.png) no-repeat center center;}
.back { background: url(../images/back.png) no-repeat center center;}
.back1 { background: url(../images/back1.png) no-repeat center center;}
.search { background: url(../images/search.png) no-repeat center center; background-size:contain }
.home { background: url(../images/home.png) no-repeat center center;}
.signIn { color: #7d4a30; margin-left: 0.2rem;}
.signIn img {vertical-align: middle; margin-top: -0.05rem; width: 0.24rem;}
/*public scroll*/
.scroll{ max-width:640px; width: 100%; height: 3rem; overflow: hidden; position: relative;}
.scroll_box{ overflow:hidden; /*visibility: hidden;*/position:relative;}
.scroll_wrap{ overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a {display:block;margin:0 auto;position:relative;}
.scroll_wrap li a img { display: block; width: 100%;}

.scroll_position { position: absolute; bottom: 0.1rem; right: 0.2rem; font-size: 0; }
.scroll_position li { height: 0.1rem; width: 0.1rem; display: inline-block; border-radius: 50%; margin: 0 5px; background-color: #fff; }
.scroll_position li.on { background-color: #C39D67;  }

.nav-list { float: left; display: inline-block; margin-top: 0.34rem; margin-left: 1.2rem; border: 1px solid #D0A264; border-radius: 0.25rem; overflow: hidden;}
.nav-list li { float: left; width: 1.55rem; font-size: 0.30rem; line-height: 0.5rem; text-align: center; color: #D0A264;}
.nav-list .on { background-color: #D0A264; color: #fff;}
.nav-side { display: block; float: left; width: 0.48rem; height: 0.48rem; margin-top: 0.34rem; margin-left: 0.2rem; background:url(../images/nav-side.png) no-repeat; background-size: contain; }

.pro { margin-top: 0.24rem; margin-bottom: 0.1rem;}
.pro-item { float: left; width:2.90rem; padding: 0.1rem 0.15rem; overflow: hidden; }
.pro-item .pro-img { display: block; width: 2.88rem; height: 2.88rem; border: 1px solid #D0A364; border-radius: 8px; overflow: hidden;}
.pro-item .pro-img img { width: 100%; height: 100%;}
.pro-item .pro-like,.pro-item .pro-title,.pro-item .pro-price { display: inline-block; line-height: 0.5rem; color: #D1A365; }
.pro-item .pro-like {float: left;  width: 0.25rem; height: 0.28rem; background: url(../images/like.png) no-repeat ; background-size: contain; margin-top: 0.13rem; margin-right: 0.05rem;}
.pro-item .pro-like {}
.pro-item .pro-like-in {background: url(../images/like-in.png) no-repeat; background-size: contain; }
.pro-item .pro-title { float: left; font-size: 0.24rem; width: 1.60rem; overflow: hidden; }
.pro-item .pro-price { font-size: 0.24rem; float: right; }
.pro-item .pro-price .rmb { font-size: 0.18rem;}


/*我的宝匠*/
.myBj,.myBj-page { font-size: 0.24rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1);  background-color: #FFF; padding-bottom: 0.5rem;  }
.myBj { width: 5.6rem; height: 100%; overflow-x:hidden; overflow-y:auto; padding-bottom: 0; -moz-box-shadow: -5px 0px 6px #eee inset;
	-webkit-box-shadow: -5px 0px 6px #eee inset;  box-shadow: -5px 0px 6px #eee inset; }
.myBj header,.myBj-page header{height: 3.58rem; width: 100%; background: url(../images/my-head-img.jpg); background-size: cover; text-align: center; color: #7d4a30; }
.myBj header a,.myBj-page header a  { color: #7d4a30; }
.head-img { height: 2.8rem;}
.page-index {transition: left 0.5s; -moz-transition: left 0.5s; -webkit-transition: left 0.5s; -o-transition: left 0.5s; position: relative; top:-100%; left:0; background-color: #fff; height: 100%; overflow-x:hidden; overflow-y:auto; }
.page-index.open{ left: 5.6rem;}

.head-img .my-img { width: 1.50rem; height: 1.50rem; border-radius: 50%; border: 0.05rem solid #FFF; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
  margin-top: 0.25rem; margin-bottom: 0.25rem; display: inline-block; overflow: hidden;}
.head-img .my-img img { width: 100%; width: 100%;}
.padding-list { width: 100%; overflow: hidden; display: table; }
.padding-list li { float: left; width: 33.333%; height: 3em; vertical-align: middle; box-shadow: -1px 0 0 rgba(190,149,128,1);
	text-align: center; display: table-cell;}
.padding-list li:first-child { }
.padding-list li p { line-height: 1.3em;}

.menu-list { width: 100%; overflow: hidden; padding-top: 0.1rem;}
.menu-list li { float: left; width: 50%; text-align: center;}
.menu-list li a { display: block; margin: 0.45rem 0; width: 100%;}
.menu-list li a img { width: 0.62rem; height: 0.62rem; vertical-align: middle;}
.set {  display: inline-block; height: 0.32rem; border: 1px solid #D0A364; line-height: 0.32rem; border-radius: 0.25rem; padding: 0.08rem 0.3rem;}
.set img { width: 0.32rem; height: 0.32rem; vertical-align: top; margin-right: 5px; }

/*搜索*/
.new-srch-box { background: #F3F3F3; border: 1px solid #CEA163; margin: 0.15rem; height: 0.6rem; box-sizing:border-box; border-radius: 0.3rem; overflow: hidden; position: relative; }
.new-srch-box .srch-input { width: 5rem; margin-left: 0.2rem; font-size: 0.26rem; border:1px solid #F3F3F3; background: #F3F3F3; margin-top: 0.12rem;}
.new-srch-box .search { right: 0; display: inline-block; width: 0.4rem; height: 0.4rem; position: absolute; top: 0.08rem; right: 0.18rem; }
.new-category { margin: 0.15rem; font-size: 0.3rem;}
.new-category a { display: block; overflow: hidden; border-bottom: 1px solid #D0A364; line-height: 0.76rem; margin-top: 0.05rem; }

/*消息中心*/
.my-messages-list { font-size: 0.24rem; color: #666; margin: 0.1rem; }
.my-messages-list li { display: table; border-bottom: 1px solid #D0A364;}
.my-messages-list .messages-type,.my-messages-list .messages-content { display: table-cell; vertical-align: middle; padding: 0.2rem 0;}
.my-messages-list .messages-type img { width: 0.73rem; height: 0.73rem;}
.my-messages-list .messages-content { padding-left: 0.2rem; line-height: 0.34rem;}
.my-messages-list .messages-content h3 { color: #d0a364; font-size: 0.28rem; line-height: 0.5rem;}

/*分类*/
.classify { border-bottom: 1px solid #ddd; font-size: 0.24rem; color: #898989;}
.classify .item { padding-bottom: 15px; padding-top: 10px; width: 5.9rem; margin: 0 auto; border-bottom: 1px dashed #DCDCDC;}
.item_title { line-height: 0.4rem;}
.classify .item dd { width: 6.1rem; margin-left: -0.1rem;}
.classify-list li { width: 25%; float: left; margin-top: 0.15rem; text-align: center;}
.classify .item dd a { display: inline-block;  width: 86%; text-align: center; padding: 0.13rem 0; color: #898989; border:2px solid #999999; border-radius: 30px;}
.price-range-box { padding: 0.4rem 0 0.8rem;}
.price-range,.price-range-on { background-color: #E6E6E8; height: 5px; border-radius: 3px; position: relative;}
.price-range-on { background-color: #D0A364;}
.price-range .min,.price-range .max { position: absolute; top: -0.23rem; background-color: #fff; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); width: .56rem; height: 0.56rem; border-radius: 50%; border:1px solid #eee;}
.price-range .min span,.price-range .max span { display: inline-block; width: 1.6rem; margin-left: -0.54rem; margin-top: 0.7rem; text-align: center; }
/*订制*/
.select-wrap { background: #D0A364; font-size: 0.24rem; padding: 0.15rem 0.2rem;}
.search_type_wrap { height:0.4rem; width:1.98rem; text-align: center;  float: left; border-left: 1px solid #E0B270; color: #fff; font-size: 0.24rem;}
.search_type_wrap:first-child { border: none;}
.model-select-box { width: 100%; height: 0.4rem; line-height: 0.4rem; position: relative; }
.model-select-text { display: inline-block; height:0.4rem; padding-right: 27px; background: url(../images/model-select.png) no-repeat right center; background-size: 0.19rem 0.1rem; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.model-select-option { display: none; position: absolute; background: #D0A364; width: 100%; left: -1px; overflow: hidden; text-align: center; }
.model-select-option li { height: 38px; line-height: 38px; cursor: pointer; border-top: 1px solid #fff; margin-top: -1px; }
.model-select-option li.seleced { background: #E3B97E; }


/*炫设计*/
.pro-designer { font-size: 0.18rem; }
.pro-designer-img { float: left; width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 0.03rem solid #FFF; 
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); display: inline-block; overflow: hidden; margin-right: 6px;}
.pro-designer-img img { width: 100%; height: 100%;}
.pro-designer { margin-top: 0.08rem;}
.pro-designer .pro-like { float: right; margin-top: 0.15rem; }
.pro-designer .pro-title { width: auto; }
.pro-designer .pro-comments { color: #999; float: left; line-height: 0.56rem; margin-left: 8px;}

/*个人中心*/
.myBj-page { font-size: 0.24rem; width: 6.4rem; box-shadow: none; background: url(../images/Per-center-bg.png) no-repeat #D1A465; overflow: hidden;}
.myBj-page header { background: none; }
.pre-pro .nav-list { border-color:#7D4A30; margin: 0.1rem 1.6rem 0.15rem;}
.pre-pro .nav-list li { color: #7D4A30;}
.pre-pro .nav-list .on { background: #7D4A30; color: #fff; }
.focuOn { display: inline-block; border:1px solid #E5B774; height: 0.26rem; line-height: 0.26rem; color: #7D4A30; background:#F4D48F; padding: 0.06rem 0.15rem; border-radius: 30px;}
.focuOn img { vertical-align: middle;margin-right: 0.05rem; margin-top: -0.03rem; }

/*详情*/
.page-detail { width: 5rem; margin: 0.1rem auto; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); text-align: center; border-radius: 6px; overflow: hidden; }
.page-detail img { display: block; width: 100%; max-width: 100%;}
.page-detail-info { width: 5rem; margin: 0.2rem auto; color: #7D4A30;}
.page-detail-info .pro-share,.page-detail-info .pro-comments,.page-detail-info .pro-like { display: inline-block; width: 0.36rem; height: 0.36rem; border-radius: 50%; background: #AF7C33; line-height: 0.36rem; text-align: center;}
.page-detail-info .fn-right a { margin-left: 0.15rem;}
.page-detail-info img { vertical-align: middle; margin-top: -3px;}

.comments { width: 5.8rem; margin: 0 auto; font-size: 14px; border-top: 1px solid #AF7C33;}
.comments .my-messages-list,.comments .my-messages-list .messages-content h3 { color: #7D4A30;}
.comments .my-messages-list li { border-bottom: 1px solid #AF7C33; width: 100%;}
.comments .my-messages-list .messages-type a { display: inline-block; width: 0.6rem; height: 0.6rem; border-radius: 50%;
  border: 0.03rem solid #FFF; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);  margin-top: 0.25rem;
  margin-bottom: 0.25rem;  display: inline-block; overflow: hidden;}
.comments .my-messages-list .messages-type a img  { width: 100%;}
.comment-msg { width: 100%; background-color: #D1A465; color: #7D4A30; height: 0.36rem; line-height: 0.36rem; border:1px solid #D1A465; margin: 0.25rem 0 0.15rem;}


.user-tip { padding: 0.2rem; font-size: 0.24rem; border-bottom: 2px solid #EAEAEA; position: relative; color: #595757;}
.close { display: inline-block; width: 0.32rem; height: 0.32rem; background: url(../images/close.png) no-repeat; background-size: contain; position: absolute; top: 0.2rem; right: 0.2rem;}

/*我的宝匠*/
.myBj-center { position: static; box-shadow: none;}
.myBJ-menu-list { width: 6.3rem; margin: 0 auto; font-size: 0.28rem;}
.myBJ-menu-list li { width: 2.1rem;}
.myBJ-menu-list li a { margin: 0.4rem 0; }
.myBJ-menu-list li a img { width: 0.88rem; height: 0.88rem; display: inline-block;}
.myBJ-menu-list li a span { display: block; margin-top: 0.1rem;}

/*详情页-设计意念*/
.footer-bnt-wrap { background: #C69654; border-top:1px solid #AF7C33; padding: 0.2rem 0; text-align: center; }
.bj-ui-bnt { display: inline-block; border: 1px solid #FFF; font-size: 0.24rem; color: #fff; padding: 0.18rem 0.4rem; margin: 0.1rem; border-radius:35px;}
.bj-ui-bnt-bor{ border-color: #AF7C33; color: #AF7C33;}
.bj-ui-bnt-yel { color:#fff; border-color: #AF7C33; background: #AF7C33;}
.bj-ui-bnt-s { border: 2px solid #999; color: #999; width: 1.36rem; text-align: center; padding: 0.1rem 0;}
.bj-ui-bnt-s-yel { color:#fff; border-color: #AF7C33; background: #AF7C33; }
.page-detail-text { padding-top: 1rem; padding-bottom: 0.2rem; margin-top: -1.6rem;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 225, 225, 0.9) 50%, rgba(225, 225, 225, 0.9) 98%, #FFFFFF 100%);
}
.page-detail-text p { color: #523306; width: 5.6rem; margin: 0 auto; }
.myBj-page .page-detail  {overflow: visible; }
.myBj-page .scroll  { height: auto; margin-bottom: 0.5rem;}
.page-detail .scroll_position { bottom:-0.3rem; right: 2rem; }
.page-detail .scroll_position li.on { background: #AA762E;}
.page-detail .scroll_wrap { border-radius: 6px;}

.popups-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.6; position: fixed; top: 0; left: 0; z-index: 100;}
.popups { width: 4.6rem; background: #fff; font-size: 0.28rem; position: fixed; top: 0.5rem; left: 50%; margin-left: -2.3rem; border-radius: 10px; overflow: hidden; z-index: 101;}
.popups header { height: 0.6rem; line-height: 0.6rem; background: #D0A364;}
.popups header h2 { color: #fff; text-indent: 0.15rem;}
.popups .pop-content {width: 3.8rem; padding: 0.2rem 0.4rem; color: #D0A364;}
.popups footer { text-align: center; padding-bottom: 0.2rem;}
.popups footer .bj-ui-bnt{   padding: 0.12rem 0.3rem;}

/*我的粉丝*/
.follow-list { font-size: 0.18rem; color: #6A6A6A; width: 6.2rem; margin-left: 0.1rem;}
.follow-list dl { border-bottom: 1px solid #CCC; padding: 0.25rem 0;}
.follow-list .mod-pic,.follow-list .mod-info,.follow-list .opt-box { float: left;}
.follow-list .mod-pic img { width: 1rem; height: 1rem; border-radius: 50%; border:3px solid #DBDBDB;}
.follow-list .mod-info { width: 3.5rem; padding-left: 0.2rem;}
.follow-list .info-name { line-height: 0.6rem;}
.follow-list .info-name a { font-size: 0.28rem; color: #3A3A3A; }
.follow-list .icon-male, .follow-list .icon-female { display: inline-block; width: 0.33rem; height: 0.33rem; background-repeat: no-repeat; background-position: 0 center; background-size: contain; vertical-align:middle; margin-top: -0.1rem; margin-left: 0.1rem; }
.follow-list .icon-male { background-image: url(../images/male.png); }
.follow-list .icon-female { background-image: url(../images/female.png);}
.follow-list .info-connect .conn_type { margin-right: 0.1rem;}
.follow-list .info-connect .conn_type .count { color: #595757; margin-left: 3px;}
.follow-list .opt-box { text-align: right; width: 1.3rem;}
.follow-list .opt-box .bj-ui-bnt-gray { border-color: #999; color: #999; padding: 0.1rem 0; width: 1.2rem; margin: 0.16rem 0; text-align: center;}


/*购物*/
.cat-list { background-color: #F4F4F4; font-size: 0.18rem;}
.cat-list dl { border-bottom: 2px solid #EAEAEA; padding: 0.25rem 0;}
.cat-list .mod-check,.cat-list .mod-info,.cat-list .mod-pic{float: left;} { width: 0.8rem; text-align: center;}
.cat-list .mod-check { width: 0.8rem; text-align: center; height: 1.64rem; line-height: 1.64rem;}
.cat-list .mod-pic img { width: 1.6rem; height: 1.6rem; border-radius: 5px; border: 1px solid #DCBE94;}
.cat-list .mod-info { margin-left: 0.5rem;}
.cat-list .mod-info h2 { font-size: 0.26rem; color: #353049; margin-top: 0.05rem; line-height: 0.5rem; }
.cat-list .mod-info .tm-price { font-size: 0.28rem; color: #595757; }
.cat-list .mod-info .tm-price-s { font-size: 0.24rem; color: #999; text-decoration: line-through;}
.cat-list .mod-info .bj-ui-bnt-gray { border-color: #999; color: #999; padding: 0.1rem 0; width: 1.1rem; margin: 0.16rem 0; text-align: center;}
.cat-list .mod-info .on { background-color: #D0A364; border-color: #D0A364; color: #fff;}
.float-wrapper { position: fixed; bottom: 0; left: 50%; margin-left: -3.2rem; z-index: 101; width:6.4rem; height: 1rem; line-height: 1rem; background-color: #EBEBEB; opacity: 0.9; font-size: 0.28rem; color: #595757;}
.float-wrapper em { color: #D0A364;}
.float-wrapper .selectAll { margin-left: 0.2rem; margin-right: 0.1rem;}
.float-wrapper .bj-ui-bnt { width: 1rem; text-align: center; line-height: 0.24rem; margin-left: 0.4rem;}

/*我的心愿袋*/
.change-pay-wrap { width: 6.4rem; position: fixed; bottom: 0; left: 50%; margin-left: -3.2rem;  z-index: 101; font-size: 0.24rem;
 background-color: #F0F0F0; opacity: 0.9; color: #595757; border-top: 1px solid #E3E3E3;}
.pay-type-list { width: 6rem; margin: 0 auto;}
.pay-type-list li {  border-top: 1px solid #CCC;background: url(../images/go.png) no-repeat right center; 
height: 0.9rem; line-height: 0.9rem; background-size: 0.44rem 0.44rem; }
.pay-type-list li img { vertical-align: middle; margin-right: 0.2rem;}
.pay-type-title { padding: 0.3rem 0.2rem 0.2rem;}
.pay-type-title h1 { font-size: 0.3rem; line-height: 0.6rem;}
.pay-type-title .bj-ui-bnt{ margin: 0; padding: 0.13rem 0.32rem; color: #595757; border-color: #595757;}

/*我的订单*/
.fav-select { background: #FCFCFC; color: #595757; font-size: 0.22rem; margin: 0.1rem 0 0.2rem; padding-left: 0.3rem; height: 0.9rem; overflow: hidden;}
.fav-sel-item { float: left; margin-right: 0.56rem; height: 0.85rem; line-height: 0.9rem; padding: 0 0.1rem;}
.fav-select .on { border-bottom: 5px solid #D0A364; color: #D0A364;}
.fav-header { background: #FFF; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #EAEAEA; color: #999; font-size: 0.22rem; line-height: 0.55rem; 
	line-height: 0.6rem; padding: 0 0.2rem;}
.fav-header em { color: #595757;} 

/*订单详情*/
.order-detail .mod-pic { padding-left: 0.2rem; }
.order-detail .mod-info { margin-left: 0.2rem; width: 4rem; color: #999; }
.order-detail .mod-info h2 { margin-top: 0; line-height: 0.4rem;}
.order-detail .buyer-info { line-height: 0.26rem; margin-top: 0.1rem; }
.order-detail .buyer-info em { color: #595757; }

.float-wrapper-w { position: static; height:1.8rem; line-height: 0.3rem; background: #fff; margin: 0; }
.service-check { margin-top: 0.2rem; margin-left: 0.2rem; font-size: 0.24rem;}

.order-item { width: 6rem; margin-left: 0.2rem;}
.order-item .order-detail .mod-info { width: 3.8rem;}
.order-item-hd { font-size: 0.24rem; line-height: 0.6rem; color: #313131; border-bottom: 2px solid #595757;}
.order-from-list { font-size: 0.24rem;}
.order-from-list li { border-bottom: 1px solid #A0A0A0; margin-top: 0.3rem; padding-bottom: 0.1rem;}
.order-from-list li input { font-size: 0.22rem; background: #fff; border: 1px solid #fff; width: 100%;}

.result-wrap { font-size: 0.28rem; width: 5rem; margin: 0.8rem auto; color: #595757;}
.result-wrap h1 { font-size: 0.36rem; color: #353049; line-height: 0.6rem;}

/*课堂*/
.class-list-item { padding: 0.2rem; font-size: 0.22rem; color: #999; line-height: 0.32rem; border-bottom: 2px solid #EAEAEA;}
.class-list-item img { width: 100%;}
.class-list-item h2 { font-size: 0.26rem; color: #595757; line-height: 0.42rem;}
.class-detail { padding: 0.2rem; font-size: 0.24rem; color: #999; line-height: 0.36rem;}
.class-detail img { width: 100%;}

/*注册登陆*/
.member-wrap { width: 4.8rem; padding: 0.7rem 0.8rem; font-size: 0.24rem; background: url(../images/Per-center-bg.png) no-repeat #D1A465;}
.logo-wrap { text-align: center;}
.member-from-list li { border-bottom: 1px solid #F3CA8F; padding-top: 0.4rem; padding-bottom: 0.1rem; }
.member-from-list li .bj-ui-bnt-s { position: absolute; right: 0; bottom: 0rem; color: #fff; border-color: #fff; font-size: 0.2rem; }
.member-from-list li input,.member-from-list li textarea { background: transparent; border: none; color: #fff;}
.member-from-list li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#fff;}
.member-from-list li input::-moz-placeholder, textarea:-moz-placeholder { color:#fff;}
.member-from-list li input::-moz-placeholder, textarea::-moz-placeholder { color:#fff;}
.member-from-list li input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#fff;}
.member-item-bnt { margin-top: 0.7rem;}
.member-item-bnt span { display: block; background: #AF7C33; color: #fff; font-size: 0.26rem;width: 100%; 
	text-align: center; line-height: 0.7rem; border-radius: 35px; }

.other-link { text-align: center; color: #fff; margin-top: 0.3rem; }
.other-link a { color: #fff; margin: 0 6px;}
.other-link a img { vertical-align: middle; margin-right: 8px; width: 0.44rem;}
.other-login { width: 100%; color: #fff; text-align: center; border-top: 1px solid #F3CA8F; 
	background: #D1A465; font-size: 0.24rem; padding-top: 0.2rem;}
.other-login ul { margin-top: 0.5rem; padding-bottom: 0.5rem; width: 5.4rem; margin-left: 0.5rem;}
.other-login ul li { width: 1.8rem; float: left;}
.other-login ul li img { width: 0.54rem;}

.member-info { background: #fff;}
.member-info .member-from-list li { border-bottom: 1px solid #ccc; }
.member-info .member-from-list li input,.member-info .member-from-list li textarea { background: transparent; border: none; color: #595757;}
.member-info .member-from-list li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999;}
.member-info .member-from-list li input::-moz-placeholder, textarea:-moz-placeholder { color:#999;}
.member-info .member-from-list li input::-moz-placeholder, textarea::-moz-placeholder { color:#999;}
.member-info .member-from-list li input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999;}
.member-info .member-item-bnt { margin-top: 0.7rem;}
.member-info .member-from-list li textarea { width: 2.8rem; vertical-align: top; font-size: 0.2rem; }
.member-info .member-from-list li label { vertical-align: top; font-size: 0.2rem; color: #999; }

.member-head-info { text-align: center;}
.member-head-info .my-img { display: inline-block; width: 1.34rem; height: 1.34rem; border-radius: 50%; overflow: hidden; border: 5px solid #DBDBDB; overflow: hidden; }
.member-head-info .my-img img { width: 1.34rem; height: 1.34rem; overflow: hidden;}